/** @odoo-module */

import { onMounted, useRef } from "@odoo/owl"

// useRef可以获取dom中特定元素(需要是用t-ref定义的),可以理解为与document.getElementBy...相似。借鉴了React中的useRef
// 注意：只有当t-ref定义的元素已加载到DOM中，useRef才可以获取到。否则为null
// onMounted类似于vue中的mounted
// 函数作用：获取 通过t-ref命名为"name"的 dom元素，当页面挂载时，聚焦该元素。
export function useAutofocus(name) {
  const ref= useRef(name)
  onMounted(()=> ref.el && ref.el.focus())
}